<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
    <a href="/return1">使用forward转发</a><br/>

    <a href="/return1">使用redirect重定向</a><br/>

    <a href="/return4">使用ModelAndView</a><br/>

    <a href="/return5">使用返回String类型的转发、重定向</a><br/>
    <div class="form-inline">
        <input type="text"  class="form-control" id="name" placeholder="Name"/><br/>
        <input type="text" class="form-control" id="age" placeholder="age"/><br/>
        <input type="button" class="btn btn-primary" id="btn" value="点击ajax方式提交"/><br/>
    </div><br/>

    <a href="/login.htm">点击登录</a><br/>
</body>
<script type="text/javascript">
    $(function () {
        //绑定点击事件
        $("#btn").click(function () {
            var name=$("#name").val();
            var age=$("#age").val();
            $.ajax({
                type:"post",
                url:"/ajax/test1",
                contentType:"application/json;charset=UTF-8",
                //发现这儿必须有'' 而且直接写上面的name和age值还不行！实际开发不用，了解...
                data:'{"name":"塔睿","age":"12"}',
                dataType:"json",
                success:function (data) {
                    alert(data.name+"--"+data.age);
                }
            });
        });
    });
</script>
</html>
